.nav-top {
    width: 100%;
    background: #f8f8f8;
    border-bottom: 1px solid #d6d6d6;
    height: 32px;
    line-height: 32px;
}

.nav-top .top {
    font-size: 12px;
    width: 1200px;
    margin: 0 auto
}

.nav-top .top .top-left {
    display: inline-block;
    float: left;
}

.nav-top .top .top-right {
    float: right
}

.nav-top .top .top-right li {
    letter-spacing: 1px;
    display: inline-block;
    margin: 0 8px
}
.act_top .close {
    color: #fff;
    position: absolute;
    right: 10px;
    top: 50%;
    font-size: 24px;
    margin-top: -15px;
    z-index: 5;
    cursor: pointer;
    display: block;
    line-height: 30px
}

.act_top .close i {
    font-size: 24px
}

.act_top a {
    display: block;
    width: 3000px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: -1500px;
    position: relative;
    left: 50%;
    z-index: 0;
    cursor: pointer
}

.act_top a img {
    display: block;
    margin: 0
}

.header {
    height: 159px;
    position: relative;
    z-index: 5
}

.header .header_search {
    background: #fff;
    height: 119px;
    width: 1200px;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header .header_search .act img {
    width: 220px;
    height: 80px
}

.header .header_search .logo {
    width: 320px;
    height: 90px;
    display: inline-block;
    float: left;
    background-size: inherit;
    text-align: left;
    line-height: 80px;
    font-size: 36px;
    margin: 4px 10px 0 0;
    color: #333;
    overflow: hidden
}

.header .header_search .logo img {
    max-width: 100%;
    max-height: 100%
}

.header .search .tag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 18px
}

.header .search .tag a {
    height: 25px;
    font-size: 14px;
    color: #fe2e54;
    line-height: 27px;
    padding: 0 7px;
    margin-right: 10px;
    cursor: pointer
}

.header .search .tag a.active {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f65d49), to(#fe2e54));
    background: linear-gradient(180deg, #f65d49, #fe2e54);
    border-radius: 5px 5px 0 0;
    color: #fff
}

.header .search .search-form {
    width: 580px;
    height: 40px;
    position: relative;
    z-index: 50
}

.header .search .search-form .close {
    position: absolute;
    right: 90px;
    top: 12px;
    z-index: 20;
    font-style: 20px;
    color: #999;
    cursor: pointer
}

.header .search .search-form .close:hover {
    color: #666
}

.header .search .search-form .kw-list li {
    line-height: 30px;
    color: #666;
    cursor: pointer;
    font-size: 13px;
    padding: 0 10px
}

.header .search .search-form .kw-list li.active,
.header .search .search-form .kw-list li:hover {
    background: #f1f1f1
}

.header .search .search-form input {
    border-radius: 10px 0 0 10px;
    width: 500px;
    height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 40px 0 42px;
    background: url() no-repeat 18px 10px;
    background-size: 16px;
    border: 2px solid #fe2e54 !important;
    font-size: 14px;
    float: left
}

.header .search .search-form input:active,
.header .search .search-form input:focus {
    border: 2px solid #fe2e54 !important;
    color: #333
}

.header .search .search-form input::-webkit-input-placeholder {
    font-size: 14px;
    color: #b7b7b7
}

.header .search .search-form input::-moz-placeholder {
    font-size: 14px;
    color: #b7b7b7
}

.header .search .search-form input:-ms-input-placeholder {
    font-size: 14px;
    color: #b7b7b7
}

.header .search .search-form input::-ms-input-placeholder {
    font-size: 14px;
    color: #b7b7b7
}

.header .search .search-form input::placeholder {
    font-size: 14px;
    color: #b7b7b7
}

.header .search .search-form button {
    width: 80px;
    height: 40px;
    border-radius: 0 10px 10px 0;
    display: inline-block;
    background-color: #fe2e54;
    color: #fff;
    letter-spacing: 2px;
    float: right;
    border: 0;
    line-height: 21px;
    cursor: pointer;
    font-size: 16px;
    font-family: Microsoft YaHei;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

.header .search .search-form button:hover {
    background: #fe2e54
}

.header .search .search-list {
    width: 580px;
    overflow: hidden;
    position: relative;
    top: 6px;
    height: 20px;
    padding-left: 0;
    margin-bottom: 8px
}

.header .search .search-list a {
    font-size: 12px;
    margin: 0 25px 0 0;
    color: #929292
}

.header .search .search-list a.new {
    color: #fe2e54
}

@-webkit-keyframes myfirst-data-v-8c8de746 {

    0%,
    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    50% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }
}

@keyframes myfirst-data-v-8c8de746 {

    0%,
    to {
        -webkit-transform: translate(0);
        transform: translate(0)
    }

    50% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }
}

.header .nav {
    background: #ff2e4d;
    height: 45px;
    color: #fff
}

.header .nav ul {
    width: 1200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 45px;
    position: relative;
    z-index: 0
}

.header .nav ul li.odd a {
    text-align: center
}

.header .nav ul li.odd a:hover {
    background: none;
}

.header .nav ul li.odd .group_pop img {
    height: 110px;
    display: block;
    margin: auto
}

.header .nav ul li.tip_area {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 45px;
    font-size: 13px;
    color: #fff2c7;
    font-family: MicrosoftYaHei
}

.header .nav ul li {
    position: relative;
    z-index: 0
}

.header .nav ul li.nav-pic img {
    position: absolute;
    width: 117px;
    left: 0;
    bottom: 0
}

.header .nav ul li .new {
    color: #ff2d54;
    padding: 1px 3px;
    position: absolute;
    top: 0;
    right: -9px;
    z-index: 99;
    text-align: center;
    background: #fff255;
    border-radius: 7.5px 7.5px 7.5px 0;
    -webkit-animation: myfirst-data-v-8c8de746 1s ease-in-out 1.5s infinite alternate;
    animation: myfirst-data-v-8c8de746 1s ease-in-out 1.5s infinite alternate;
    font-style: normal
}

.header .nav ul li.active a {
    /*background: rgba(0, 0, 0, .1);*/
    background-color: #d71d39;
}

.header .nav ul li a {
    padding: 0 20px;
    display: block;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    color: #ffffff;
}

.header .nav ul li a:hover {
    background: rgba(0, 0, 0, .1);
    color: #fff !important;
}

.footer {
    min-height: 180px;
    text-align: center;
    color: hsla(0, 0%, 100%, .6);
    background: #1e1e1e
}

.footer .footer-wrapper {
    widows: 1200px
}

.footer .footer-wrapper a {
    color: hsla(0, 0%, 100%, .6);
    text-decoration: none
}

.footer .footer-wrapper a:hover {
    color: #fff;
    text-decoration: underline
}

.footer .footer-wrapper ul ,.footer .footer-wrapper p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 15px
}

.footer .footer-wrapper ul li {
    margin: 0 10px;
    position: relative;
    z-index: 0
}

.footer .footer-wrapper ul li:before {
    content: "";
    background: hsla(0, 0%, 100%, .6);
    height: 14px;
    width: 1px;
    display: block;
    overflow: hidden;
    position: absolute;
    right: -10px;
    top: 50%;
    margin-top: -7px;
    z-index: 5
}

.footer .footer-wrapper ul li.no:before {
    display: none
}

.footer .footer-wrapper .text {
    line-height: 45px
}

#app,
body,
html {
    font-family: PingFang SC, Arial, -apple-system, BlinkMacSystemFont, Segoe UI, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-size: 12px;
    color: #757575;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0
}

button,
input,
keygen,
legend,
select,
textarea {
    outline: 0
}

dl,
dt,
li,
ol,
p,
ul {
    margin: 0;
    padding: 0;
    font-style: normal;
    list-style: none
}

a {
    color: #333;
    text-decoration: none;
    cursor: pointer
}

a:hover {
    color: #fe2e54 !important
}
.mian {
    min-height: calc(100vh - 330px);
    background-color: #f6f6f6
}

.breadcrumb {
    font-size: 14px;
    line-height: 30px;
}

.breadcrumb .curr {
    color: #fe2e54 !important
}

.market-pic .market-tag img {
    width: 100%;
    border: 0;
    display: block
}


.goods_container {
    width: 1200px;
    position: relative;
    margin: 0 auto;
    background-color: #f6f6f6
}

.goods_container .goodsCapition ,.item_container .goodsCapition{
    width: 1200px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 10px;
}

.goods_container .goodsCapition p {
    height: 30px
}

.goods_container .goodsCapition p .text1 {
    font-size: 24px;
    color: #333;
    font-weight: 700
}

.goods_container .goodsCapition p .text2 {
    font-size: 12px;
    color: #999
}

.goods_container .goodsCapition .rightText {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.goods_container .goodsCapition .rightText img {
    width: 21px;
    height: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.goods_container .goodsCapition .rightText span:first-of-type {
    font-size: 14px;
    color: #333;
    margin-left: 4px
}

.goods_container .goodsCapition .rightText span:nth-of-type(2) {
    font-size: 17px;
    color: #fe2e54;
    margin-left: 2px
}

.goods_condition .condition li {
    line-height: 40px;
    height: 39px;
    border-right: 1px solid #f1f1f1;
    padding: 0 20px;
    color: #666;
    position: relative;
    cursor: pointer
}

.goods_condition .condition li:hover {
    color: #fe2e54
}

.goods_condition .condition li.active {
    color: red;
    background: #fff;
    line-height: 40px;
    height: 40px
}

.goods_condition .condition li.goods_form:hover button {
    display: inline-block
}

.goods_condition .condition li.goods_form span {
    height: 24px;
    line-height: 22px;
    padding: 0 2px
}

.goods_condition .condition li.goods_form button {
    display: none;
    width: 40px;
    height: 22px;
    border-radius: 2px;
    background: #ff6255;
    color: #fff;
    text-align: center;
    line-height: 22px;
    border: none;
    outline: 0;
    font-size: 12px;
    margin-left: 10px;
    cursor: pointer
}

.goods_condition .goods_page b {
    color: #ff6255
}

.goods_activity ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.goods_activity ul li.active i {
    width: 12px;
    height: 12px;
    background: url() 50% no-repeat #fff;
    background-size: 8px 6px;
    border: 1px solid #fe2e54
}

.goods_activity ul li.active span {
    color: #fe2e54
}

.goods_activity ul li {
    list-style: none;
    padding: 0 15px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.goods_activity ul li:hover i {
    border: 1px solid #fe2e54
}

.goods_activity ul li:hover span {
    color: #fe2e54
}

.goods_activity ul li i {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 2px;
    border: 1px solid #d3d3d3;
    background: #fff
}

.goods_activity ul li img {
    height: 12px;
    margin-left: 6px;
    vertical-align: inherit
}

.goods_activity ul li span {
    margin-left: 6px;
    font-size: 12px
}

.goods_list_wrap {
    width: 1200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.goods_list_wrap .goods_prod_list_left .goods_card.isLast {
    margin: 0
}

.goods_list_wrap .goods_prod_list_left {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    cursor: pointer;
    margin-top: 12px;
}

.goods_list_wrap .goods_prod_list_left .goods_card ,.goods-detail .goods_card {
    padding: 20px 15px 0;
    position: relative;
    text-decoration: none;
    width: 230px;
    height: 315px;
    background: #fff;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-bottom: 12px;
    list-style: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 24px;
    margin-right: 12px
}

.goods_list_wrap .goods_prod_list_left .goods_card:hover ,.goods-detail .goods_card:hover {
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    box-shadow: 0 0 15px rgba(0, 0, 0, .1)
}
.goods_list_wrap .goods_prod_list_left .goods_card_title a ,.friend-link a ,.rightText a {
    color: #333;
}

.goods_list_wrap .goods_prod_list_left .goods_card_title a:hover ,.rightText a:hover ,.friend-link a:hover {
    color: #fe2e54 !important
}


.goods_list_wrap .goods_prod_list_left .goods_card img.main_img {
    width: 190px;
    height: 190px;
    display: block;
    margin: 0 auto
}

.goods_list_wrap .goods_prod_list_left .goods_card .goods_card_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 9px
}

.goods_list_wrap .goods_prod_list_left .goods_card .goods_card_title span {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-left: 2px;
    font-size: 14px;
    color: #333;
    line-height: 20px
}

.goods_list_wrap .goods_prod_list_left .goods_card .goods_card_title img {
    width: 14px;
    height: 14px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.goods_list_wrap .goods_prod_list_left .goods_card .goods_card_tags {
    min-height: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 9px
}

.goods_list_wrap .goods_prod_list_left .goods_card .goods_card_tags span.tag {
    height: 16px;
    background: #ffe8e7;
    border-radius: 2px;
    padding: 0 3px;
    font-size: 12px;
    color: #ff2828;
    line-height: 16px;
    margin-right: 5px
}

.goods_list_wrap .goods_prod_list_left .goods_card .goods_card_price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 9px
}

.goods_list_wrap .goods_prod_list_left .goods_card .goods_card_price .curr {
    font-size: 18px;
    color: #fe2e2e
}

.goods_list_wrap .goods_prod_list_left .goods_card .goods_card_price .price {
    font-size: 24px;
    color: #fe2e2e
}

.goods_list_wrap .goods_prod_list_left .goods_card .goods_card_price .sale {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    color: #ababab
}

.goods_prod_list .goods_card {
    padding: 20px 15px 0;
    position: relative;
    text-decoration: none;
    width: 230px;
    height: 315px;
    background: #fff;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-bottom: 12px;
    list-style: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 24px;
    margin-right: 12px
}

.goods_prod_list .goods_card:hover {
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    box-shadow: 0 0 15px rgba(0, 0, 0, .1)
}

.goods_prod_list .goods_card:hover .goods_card_title span {
    color: #fe2e54 !important
}

.goods_prod_list .goods_card img.main_img {
    width: 190px;
    height: 190px;
    display: block;
    margin: 0 auto
}

.goods_prod_list .goods_card .goods_card_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 9px
}

.goods_prod_list .goods_card .goods_card_title span {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-left: 2px;
    font-size: 14px;
    color: #333;
    line-height: 20px
}

.goods_prod_list .goods_card .goods_card_title img {
    width: 14px;
    height: 14px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.goods_prod_list .goods_card .goods_card_tags {
    min-height: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 9px
}

.goods_prod_list .goods_card .goods_card_tags span.tag {
    height: 16px;
    background: #ffe8e7;
    border-radius: 2px;
    padding: 0 3px;
    font-size: 12px;
    color: #ff2828;
    line-height: 16px;
    margin-right: 5px
}

.goods_prod_list .goods_card .goods_card_price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 9px
}

.goods_prod_list .goods_card .goods_card_price .curr {
    font-size: 18px;
    color: #fe2e2e
}

.goods_prod_list .goods_card .goods_card_price .price {
    font-size: 28px;
    color: #fe2e2e
}

.goods_prod_list .goods_card .goods_card_price .sale {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    color: #ababab
}

.no_goods img {
    width: 115px;
    height: 103px
}

.no_goods p {
    margin: 5px 0
}

.goods_container {
    width: 1200px;
    position: relative;
    margin: 0 auto;
    background-color: #f6f6f6
}

.page_container {
    margin: 0 auto;
    text-align: center;
    padding: 20px 0
}

.page_container a {
    display: inline-block;
    margin: 0 2px;
    background-color: #fff;
    position: relative
}

.page_container a:hover {
    color: #fff;
    border: 1px solid #e0e0e0;
    background-color: #fe2e54
}

.page_container a.morePrev:hover:after {
    content: "<<";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fe2e54
}

.page_container a.moreNext:hover:after {
    content: ">>";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fe2e54
}

.page_container a.active {
    color: #fff;
    border: 1px solid #e0e0e0;
    background-color: #fe2e54
}

.page_container .prev_page {
    font-size: 12px;
    width: 66px
}

.page_container .page_item,
.page_container .prev_page {
    border-radius: 2px;
    color: #666;
    height: 38px;
    line-height: 38px;
    border: 1px solid #e0e0e0;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: 400
}

.page_container .page_item {
    padding: 0 16px
}

.page_container .next_page {
    border-radius: 2px;
    font-size: 12px;
    color: #666;
    width: 66px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #e0e0e0;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: 400
}

.today_container {
    width: 230px;
    margin-top: 12px;
    margin-left: 12px;
    background: #fff;
    position: relative
}

.today_container .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 230px;
    height: 350px;
    background-image: linear-gradient(40deg, #fff 27%, #fff0f2)
}

.today_container h2 {
    font-family: MicrosoftYaHei-Bold;
    font-weight: 700;
    font-size: 16px;
    color: #333;
    padding-left: 15px
}

.today_container .item_list {
    width: 80%;
    margin: 0 auto;
    padding-top: 15px
}

.today_container .item_list .itemCard {
    margin-bottom: 10px;
    cursor: pointer;
    display: block
}

.today_container .item_list .itemCard:hover .item_bottom .title span {
    color: #fe2e2e
}

.today_container .item_list .itemCard .img_area {
    position: relative
}

.today_container .item_list .itemCard .img_area .dapai_icon {
    width: 70px;
    height: 20px;
    background-image: -webkit-gradient(linear, left top, right top, from(#ff6594), to(#ff2049));
    background-image: linear-gradient(90deg, #ff6594, #ff2049);
    border-radius: 0 0 9.5px 0;
    position: absolute;
    top: -10px;
    left: 0;
    font-family: MicrosoftYaHei;
    font-size: 12px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.today_container .item_list .itemCard .img_area img {
    width: 180px;
    height: 180px
}

.today_container .item_list .itemCard .item_bottom .title {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 5px
}

.today_container .item_list .itemCard .item_bottom .title img {
    width: 14px;
    height: 14px;
    margin-right: 4px
}

.today_container .item_list .itemCard .item_bottom .title span {
    display: block;
    font-size: 13px;
    color: #333;
    font-family: PingFangSC-Regular;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1
}

.today_container .item_list .itemCard .item_bottom .price {
    margin-top: 5px
}

.today_container .item_list .itemCard .item_bottom .price .or_price {
    font-size: 14px;
    color: #fe2e2e
}

.today_container .item_list .itemCard .item_bottom .price .or_price b {
    font-weight: 400;
    font-family: ArialMT;
    font-size: 21px;
    color: #fe2e2e
}

.today_container .item_list .itemCard .item_bottom .price .ac_price {
    font-family: ArialMT;
    font-size: 12px;
    color: #ababab;
    text-decoration: line-through
}

.today_container .item_list .itemCard .item_bottom .sales_num {
    margin-top: 5px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 12px;
    color: #ababab
}

.item_container {
    width: 1200px;
    margin: 0 auto;
    padding: 23px 0
}

.item_container .nav-wrap .text i {
    color: #bcbcbc;
    display: inline-block;
    position: relative;
    top: 1px;
    border-left: 6px solid #bcbcbc;
    border-top: 6px solid #f6f6f6;
    border-bottom: 6px solid #f6f6f6;
    margin: 0 8px
}

.item_container .nav-wrap .text i:before {
    content: "";
    position: absolute;
    left: -6px;
    top: -5px;
    border-left: 5px solid #f6f6f6;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent
}

.item_container .nav-wrap .text a {
    padding: 0 5px;
    color: #444
}

.item_container .nav-wrap .text a:focus,.item_container .nav-wrap .text a:hover {
    color: red
}

.item_container .detail-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 1200px
}

.item_container .detail-wrapper .left-container {
    width: 74.5%;
    border-radius: 10px;
}

.item_container .detail-wrapper .left-container .detail-row {
    background: #fff;
    padding: 20px 20px 40px;
    border: 1px solid #f1f1f1;
    margin-bottom: 20px
}

.item_container .detail-wrapper .left-container .detail-row .img-block {
    float: left
}

.item_container .detail-wrapper .left-container .detail-row .img-block .img {
    cursor: pointer
}

.item_container .detail-wrapper .left-container .detail-row .img-block .img .sm-img li {
    width: 45px;
    height: 45px;
    margin-left: 10px;
    cursor: auto;
    margin-top: 0;
    margin-bottom: 8px;
    cursor: pointer
}

.item_container .detail-wrapper .left-container .detail-row .img-block .img .sm-img li img {
    width: 45px;
    height: 45px
}

.item_container .detail-wrapper .left-container .detail-row .img-block .img .lg-img {
    width: 260px;
    height: 260px;
    float: left
}

.item_container .detail-wrapper .left-container .detail-row .detail-col {
    width: 58%;
    margin: -5px 0 0 38px;
    padding-bottom: 0
}

.item_container .detail-wrapper .left-container .detail-row .detail-col span.title {
    margin-left: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer
}

.item_container .detail-wrapper .left-container .detail-row .detail-col span.title .tm {
    background: url() 50%/contain no-repeat;
    width: 23px;
    height: 19px;
    display: block;
    background-size: contain;
    margin-top: 4px
}

.item_container .detail-wrapper .left-container .detail-row .detail-col span.title span.title {
    float: left;
    width: 650px;
    min-height: 30px;
    overflow: hidden;
    display: block;
    font-size: 19px;
    color: #333;
    margin-left: 5px
}

.item_container .detail-wrapper .left-container .detail-row .detail-col span.title span.title:hover {
    color: #666
}

.item_container .detail-wrapper .left-container .detail-row .detail-col .coupon .quan {
    line-height: 22px;
    height: 22px;
    background: url() 50% #fff8f8;
    background-size: 100% 100%;
    font-size: 14px;
    border-radius: 2px;
    font-weight: 400;
    position: relative;
    min-width: 57px;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #ff2b22;
    display: inline-block
}

.item_container .detail-wrapper .left-container .detail-row .detail-col .time-num {
    margin: 20px 0 10px;
    font-size: 12px
}
.item_container .detail-wrapper .left-container .detail-row .detail-col .time-num .num span {
    color: #ff2e54
}

.item_container .detail-wrapper .left-container .detail-row .detail-col .goods-label {
    padding: 15px 0 0;
    margin: 15px 0 10px;
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.item_container .detail-wrapper .left-container .detail-row .detail-col .goods-label .label {
    background: #f5f5f5;
    border-radius: 12px;
    border: 1px solid #ddd;
    padding: 3px 8px;
    margin: 0 10px 0 0
}

.item_container .detail-wrapper .left-container .detail-row .detail-col .goods-label .specil {
    background: #fff3f6;
    border: 1px solid #fe313e;
    text-align: center;
    color: #fe313e;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.item_container .detail-wrapper .left-container .detail-row .detail-col .goods-label .specil .specil-icon {
    width: 14px;
    height: 14px;
    background: url() no-repeat;
    background-size: 100% 100%;
    margin-right: 5px
}

.item_container .detail-wrapper .left-container .detail-row .detail-col .goods-label .specil .specil_text {
    max-width: 81px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.item_container .detail-wrapper .left-container .detail-row .detail-col .price_con {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px
}

.item_container .detail-wrapper .left-container .detail-row .detail-col .price_con .price {
    font-size: 22px;
    color: #ff0100;
    margin: 0 0 10px
}

.item_container .detail-wrapper .left-container .detail-row .detail-col .price_con .price i {
    font-style: normal
}

.item_container .detail-wrapper .left-container .detail-row .detail-col .price_con .price b {
    font-size: 12px;
    font-weight: 400;
    display: inline-block;
    color: #666;
    line-height: 0;
    border-top: 1px solid #666;
    margin-left: 10px;
    position: relative;
    top: -2px
}

.item_container .detail-wrapper .left-container .detail-row .detail-col .price_con .price b i {
    font-style: normal
}

.item_container .detail-wrapper .left-container .detail-row .detail-col .price_con .lowest span {
    font-size: 12px;
    color: #ff5900;
    margin-left: 3px
}

.item_container .detail-wrapper .left-container .detail-row .detail-col .buy-share {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.item_container .detail-wrapper .left-container .detail-row .detail-col .buy-share .share-btn,.item_container .detail-wrapper .left-container .detail-row .detail-col .buy-share {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.item_container .detail-wrapper .left-container .detail-row .detail-col .buy-share .share-btn .buy {
    width: 120px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: #ff2e54;
    border-radius: 2px;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    margin-right: 13px;
    cursor: pointer
}

.item_container .detail-wrapper .left-container .detail-row .detail-col .buy-share .share-btn .buy:hover {
    background: #e31e43;
    opacity: .9
}

.item_container .detail-wrapper .left-container .detail-row .detail-col .buy-share .share-btn a:hover {
    color: #fff!important;
}

.item_container .detail-wrapper .left-container .detail-row .detail-col .buy-share .share-btn .share_qrcode i {
    background: url() 50% no-repeat;
    background-size: 100% 100%;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 5px
}

.item_container .detail-wrapper .left-container .detail-row .detail-col .buy-share .share-btn .share_qrcode .qrcode span {
    margin-top: 10px
}

@-webkit-keyframes loading-data-v-07a6b186 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes loading-data-v-07a6b186 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.item_container .detail-wrapper .left-container .detail-row .goods-desc {
    padding: 20px 0 0
}

.item_container .detail-wrapper .left-container .detail-row .goods-desc .tit {
    font-weight: 700;
    color: #333;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #ececec
}

.item_container .detail-wrapper .left-container .detail-row .goods-desc .rec-text {
    color: #555;
    line-height: 24px;
    margin: 10px 0 15px
}

.item_container .detail-wrapper .left-container .detail-row .goods-desc .content p a {
    color: #42a0ee
}

.item_container .detail-wrapper .left-container .detail-row .goods-desc .feedback span {
    background: #eee;
    color: #666;
    padding: 3px 10px;
    margin-right: 7px;
    cursor: pointer
}

.item_container .detail-wrapper .left-container .detail-row .goods-desc .feedback span:hover {
    color: #ff2e54
}

.item_container .detail-wrapper .left-container .shop-msg {
    width: 100%;
    height: 145px;
    border: 1px solid #f1f1f1;
    background: #fff
}

.item_container .detail-wrapper .left-container .shop-msg .tit {
    font-size: 18px;
    height: 44px;
    line-height: 44px;
    background: #fff;
    border-bottom: 1px solid #f1f1f1;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.item_container .detail-wrapper .left-container .shop-msg .tit span {
    border-left: 3px solid #ff2e54;
    padding: 2px 0 0 10px
}

.item_container .detail-wrapper .left-container .shop-msg .shop-block {
    height: 100px;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.item_container .detail-wrapper .left-container .shop-msg .shop-block div {
    width: 48%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.item_container .detail-wrapper .left-container .shop-msg .shop-block div .shop-name {
    margin-left: 15px;
    display: initial
}

.item_container .detail-wrapper .left-container .shop-msg .shop-block div .shop-name .iconfont {
    font-size: 12px;
    margin-top: 10px;
    color: #d81e06
}

.item_container .detail-wrapper .left-container .shop-msg .shop-block .shop-score {
    padding: 5px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.item_container .detail-wrapper .left-container .shop-msg .shop-block .shop-score li {
    width: 100px;
    font-size: 12px;
    color: #999;
    text-align: center
}

.item_container .detail-wrapper .left-container .shop-msg .shop-block .shop-score li span {
    margin-top: 10px;
    display: block;
    font-size: 16px;
    color: #555
}

.item_container .detail-wrapper .left-container .goods-detail {
    width: 100%;
    margin-top: 20px;
    border: 1px solid #f1f1f1;
    background: #fff;
    padding: 0 20px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.item_container .detail-wrapper .left-container .goods-detail img {
    width: 100%;
    margin-top: -5px
}

.item_container .detail-wrapper .left-container .goods-detail .tit {
    font-size: 18px;
    height: 44px;
    line-height: 44px;
    background: #fff;
    border-bottom: 1px solid #f1f1f1;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 20px;
    width: 878px;
    margin-left: -20px
}

.item_container .detail-wrapper .left-container .goods-detail .tit span {
    border-left: 3px solid #ff2e54;
    padding: 2px 0 0 10px
}

.item_container .detail-wrapper .right-container {
    margin-left: 8px;
    border-radius: 10px;
}

.rec-block {
    background-color: #fff;
    height: auto;
    max-height: none
}

.rec-block .tit {
    padding: 8px 10px;
    font-size: 18px;
    height: 44px;
    line-height: 26px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.rec-block .tit span {
    border-left: 3px solid #ff2e54;
    padding: 2px 0 0 10px
}

.rec-block .rec-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 16px 0;
    margin: 0 20px;
    cursor: pointer
}

.rec-block .rec-list:hover .img-cent img {
    opacity: .8
}

.rec-block .rec-list:hover .content p {
    color: #ff2e54
}

.rec-block .rec-list .fl {
    position: relative;
    z-index: 0
}

.rec-block .rec-list .fl .tabs {
    position: absolute;
    left: 5px;
    top: 0;
    z-index: 0;
    z-index: 50;
    display: block;
    color: #fff;
    background: url();
    width: 18px;
    height: 22px;
    text-align: center;
    line-height: 20px;
    background-size: 100% 100%
}

.rec-block .rec-list .fl .img-cent {
    position: relative;
    width: 90px;
    height: 90px;
    text-align: center
}

.rec-block .rec-list .fl .img-cent img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.rec-block .rec-list .content {
    display: inline-block;
    width: 158px;
    margin-left: 10px;
    height: 90px
}

.rec-block .rec-list .content p {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    height: 30px;
    font-size: 14px;
    display: block;
    line-height: 17px;
    color: #777;
    font-family: microsoft yahei
}

.rec-block .rec-list .content p .tm {
    width: 15px;
    height: 15px;
    background: url() 50%/contain no-repeat;
    float: left;
    position: relative;
    top: 1px;
    margin-right: 5px
}

.rec-block .rec-list .content .received {
    color: #fff;
    font-size: 12px;
    background: -webkit-gradient(linear,left top,right top,color-stop(0,#ff6a2c),to(#ff3f3e));
    background: linear-gradient(90deg,#ff6a2c,#ff3f3e);
    border-radius: 0 10px 10px;
    display: inline-block;
    padding: 1px 10px;
    margin-bottom: 18px
}

.rec-block .rec-list .content .received i {
    font-style: normal
}

.rec-block .rec-list .content .coupon {
    margin: 0 0 8px
}

.rec-block .rec-list .content .coupon i {
    font-size: 21px;
    font-family: Arial;
    font-style: normal;
    color: #fc4d52;
    line-height: 21px;
    position: relative;
    top: 2px;
    margin-left: 5px
}

.rec-block .rec-list .content .coupon .old-pri {
    display: inline-block;
    color: #ababab;
    font-size: 12px;
    font-weight: 400;
    line-height: 0;
    border-top: 1px solid #ababab;
    position: relative;
    top: 2px;
    margin-left: 2px;
    font-family: Arial
}
.void_border {
    border: 1px solid #fe2e54!important;
    border-radius: 2px;
    padding: 5px
}

.void_border span {
    cursor: pointer
}

ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
}

.page {
    text-align: center;
    padding-bottom: 25px;
    width: 1200px;
    margin-top: 20px;
}
ul.pagination li {display: inline-block; margin-right: 10px;}

ul.pagination li a ,ul.pagination li:first-child span ,ul.pagination li:last-child span {
    padding: 8px 16px;
    text-decoration: none;
    color: #757575;
    border: 1px solid #e0e0e0;
}

ul.pagination li.active {
    padding: 8px 16px;
    background-color: #fe2e54;
}

ul.pagination li.active {
    background-color: #fe2e54;
    color: white
}

ul.pagination li a:hover:not(.active) {
    background-color: #fe2e54;
    color: #fff!important;
}

.layui-elem-quote {
    border-left: 5px solid #1e80ff;
}

.article-item .article-time a:hover, .right-item a:hover, .bread-nav .layui-breadcrumb a:hover, .article-item .article-tag a:hover {
    color: #1e80ff!important;;
}
